:local(.modal_wrapper) {
	display: none;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	position: absolute;

	.modal-item {
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: none;
		position: absolute;

		.back {
			width: 100%;
			height: 100%;
			background-color: rgba(#000000, .35);
		}

		.modal {
			position: absolute;
			left: 50%;
			display: flex;
			z-index: 10;
			flex-direction: column;
			transform: translateX(-50%);

			&.center {
				top: 50%;
				transform: translate(-50%, -50%);
			}
			
			&.top {
				top: 0;
			}

			&.bottom {
				bottom: 0;
			}
		}
	}
}